body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }   
body { background:#05a18b; color:#333; font-size: 0.24rem; font-family: 'PingFang SC', "微软雅黑",Verdana, Arial, Helvetica, sans-serif; }   
td,th,caption { font-size:0.24rem; }   
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}   
a { color:#333; text-decoration:none; }   
a:hover { text-decoration:none; }   
img { border:none; }   
ol,ul,li { list-style:none; }   
input, textarea, select, button { font:0.24rem 'PingFang SC', Verdana,Helvetica,Arial,sans-serif; }   
table { border-collapse:collapse; }   
html {overflow-y: scroll;}   

a,button{cursor:pointer;}
input,textarea{
	outline: none;
}

.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}

.w96{
	width: 96%;
	margin: 0 auto;
	position: relative;
}

.load{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	width: 100%;
	height: 100%;
	background: #fff;
}

.index{
	max-width: 750px;
	margin: 0 auto;
	position: relative;
}

.page{
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 9;
	width: 100%;
	height: .9rem;
	margin-top: -.45rem;
}
.page .pagePrev{
	float: left;
	width: .8rem;
	height: .9rem;
	background: url(../img/left.png) no-repeat center;
	background-size: .9rem;
	cursor: pointer;
}
.page .pageNext{
	float: right;
	width: .8rem;
	height: .9rem;
	background: url(../img/right.png) no-repeat center;
	background-size: .9rem;
	cursor: pointer;
}

.pub-btn{
	width: 100%;
	height: .78rem;
	text-align: center;
	position: absolute;
	bottom: .25rem;
	left: 0;
}
.pub-btn a.button{
	display: inline-block;
	min-width: 2.5rem;
	height: .78rem;
	line-height: .7rem;
	vertical-align: top;
	padding: 0 .3rem;
	background: #01a59c;
	border-radius: .1rem;
	border: .04rem solid rgba(94,213,199,.5);
	color: #fff;
	font-size: .32rem;
}
.pub-btn a.pb-share{
	display: inline-block;
	width: .58rem;
	height: .78rem;
	background: url(../img/share.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	top: 0;
	right: .4rem;
}

.in-a{
	width: 100%;
	position: relative;
}
.in-a img{
	display: block;
	width: 100%;
}

.title{
	width: 100%;
	height: 13.34rem;
	background: url(../img/bg2.png) no-repeat center top;
	background-size: 100%;
	position: relative;
}
.title .t-box{
	width: 4.12rem;
	margin: 0 auto;
	padding-top: 5.1rem;
}
.title .t-box .t-name{
	color: #e05677;
	font-size: .3rem;
	line-height: .4rem;
	margin-bottom: .15rem;
}
.title .t-box .t-text{
	color: #01a59c;
	font-size: .26rem;
	line-height: .4rem;
	text-indent: 2em;
}

.step{
	width: 100%;
	height: 13.34rem;
	background: url(../img/bg3.png) no-repeat center top;
	background-size: 100%;
	position: relative;
}
.step .step-t{
	padding-top: 1.76rem;
	margin: 0 .35rem;
	height: 2.71rem;
	overflow: hidden;
}
.step .step-t img{
	height: .96rem;
}
.step .step-gs{
	width: 6.22rem;
	height: 9.0rem;
	margin: 0 auto;
	padding: .35rem .4rem;
	position: relative;
}
.step .step-gs img{
	display: block;
	max-width: 100%;
}
.step .step-gs p{
	padding: .42rem 0;
	line-height: .48rem;
	color: #666666;
	font-size: .32rem;
	text-indent: 2em;
	text-align: justify;
}
.step .step-box{
	width: 6.22rem;
	height: 9.12rem;
	margin: 0 auto;
	padding: .35rem .4rem;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
.step .step-box img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: .24rem;
}
.step .step-box .sb-p1{
	width: 100%;
	height: .4rem;
	text-align: center;
	margin-bottom: .18rem;
}
.step .step-box .sb-p1 img{
	height: 0.4rem;
	vertical-align: top;
}
.step .step-box .sb-p2{
	line-height: .45rem;
	color: #171c61;
	font-size: .28rem;
	text-indent: 2em;
	text-align: justify;
	margin-bottom: .15rem;
}
.step .step-box .sb-p2:last-child{
	margin-bottom: 0;
}

.sb-list{
	width: 6.22rem;
	//height: 9.12rem;
	margin: 0 auto;
	padding: .6rem 0 0;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
.sb-list ul li{
	width: 100%;
	height: 1.2rem;
	line-height: 1.2rem;
	padding-left: .5rem;
	box-sizing: border-box;
	margin: .32rem 0;
}
.sb-list ul li .sb-img{
	float: left;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	vector-effect: top;
}
.sb-list ul li .sb-title{
	height: 0.6rem;
	vector-effect: top;
	margin-top: .3rem;
	margin-left: .25rem;
}

.detail{
	width: 100%;
	height: auto;
	padding-bottom: .6rem;
	background: url(../img/bg6.png) repeat-y center top;
	background-size: 100%;
	position: relative;
}
.detail .det-bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 2.0rem;
	background: url(../img/detail-bottom.png) no-repeat center;
	background-size: 100%;
}
.detail .det-box{
	width: 6.2rem;
	background: url(../img/detail-bg1.png) repeat-y center;
	background-size: 100%;
	margin: .8rem auto;
	position: relative;
	z-index: 5;
}
.detail .det-title{
	position: absolute;
	top: -.42rem;
	right: .12rem;
	width: 6.4rem;
}
.detail .det-title img{
	display: block;
	width: 100%;
	height: 1.2rem;
}
.detail .det-list{
	padding: 1.0rem .4rem .2rem;
}
.detail .det-list ul li{
	width: 100%;
	margin-bottom: .32rem;
}
.detail .det-list ul li .dl-img{
	display: block;
	width: 100%;
	margin-bottom: .25rem;
}
.detail .det-list ul li .dl-p1{
	text-align: center;
	margin-bottom: .1rem;
}
.detail .det-list ul li .dl-p1 img{
	height: .4rem;
	vertical-align: top;
}
.detail .det-list ul li .dl-p2{
	line-height: .45rem;
    color: #171c61;
    font-size: .28rem;
    text-indent: 2em;
    text-align: justify;
}


/*荣誉证书*/
.honor{
	width: 100%;
	height: 13.34rem;
	background: url(../img/honor.png) no-repeat center top;
	background-size: 100%;
	position: relative;
}
.honor .name{
	padding: 5.12rem 1.6rem 0;
	color: #040000;
	font-size: .28rem;
	line-height: .4rem;
}
.next{
	position: absolute;
	bottom: .2rem;
	right: .6rem;
	display: inline-block;
	width: 1.05rem;
	height: .75rem;
	background: url(../img/next.png) no-repeat center;
	background-size: 100%;
}


/*结束学业*/
.graduation{
	width: 100%;
	height: 13.34rem;
	background: url(../img/bg4.png) no-repeat center top;
	background-size: 100%;
	position: relative;
}
.graduation .g-slogan{
	padding: 1.05rem .92rem;
}
.graduation .g-slogan p{
	color: #fff;
	text-shadow: .06rem .1rem .1rem #048d38;
}
.graduation .g-slogan p.g-p1{
	line-height: .84rem;
	font-size: .4rem;
}
.graduation .g-slogan p.g-p2{
	line-height: .72rem;
	font-size: .35rem;
}


.end{
	width: 100%;
	position: relative;
}
.end img{
	display: block;
}
.end .end-share{
	position: absolute;
	top: .2rem;
	right: .2rem;
	display: inline-block;
	width: .6rem;
	height: .6rem;
	background: url(../img/share2.png) no-repeat center;
	background-size: .6rem;
}



















